<template>
  <q-layout view="hHh Lpr lFr"  class="rounded-borders ">
    <MainHeader />
    <div @click="closeDrawer" >
      <q-page-container >
        <router-view  />
      </q-page-container>
    </div>
  </q-layout>
  <GnsFooter></GnsFooter>
</template>

<script setup>
import MainHeader from 'src/components/MainHeader.vue';
import { useVersionStore } from 'src/stores/versionStore';
import { useHeaderStore } from 'src/stores/headerStore';
import GnsFooter from 'src/components/GnsFooter.vue'

const versionStore = useVersionStore();
versionStore.init()

const useHeader = useHeaderStore()

function closeDrawer() {
 useHeader.close()
}
</script>

<style scoped>


.container{
  padding: 1.3rem;
  max-width: 80rem;
}


</style>